<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>数据统计</title>
    <script type="text/javascript">      
        //根据屏幕大小及dpi调整缩放和大小
        (function () {
            var scale = 1.0;
            var ratio = 1;
            if (window.devicePixelRatio >= 2) {
                scale *= 0.5;
                ratio *= 2;
            }
            var text = '<meta name="viewport" content="initial-scale=' + scale + ', maximum-scale=' + scale + ', minimum-scale=' + scale + ', width=device-width, user-scalable=no" />';
            document.write(text);
            document.documentElement.style.fontSize = 50 * ratio + "px";
        })();  
    </script>
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
      <link rel="stylesheet" href="./public/css/reset.css">
      <link rel="stylesheet" href="./public/css/common.css">
      <link rel="stylesheet" href="./public/css/needcss/Mdate.css">
      <link rel="stylesheet" href="./public/css/records_and_tongji.css">
  </head>
  <body>
    <div class="records" id="J_tongji">
      <template></template>
      <section class="r_header">
        <div class="date">
          <span>数据显示</span>
          <div class="date-ipt" id="dateSelectorOne">{{date}}</div>  
          <input type="hidden" id="dateSelect"/>          
        </div>
        <!-- <div class="money">
           收入: ￥{{total}}
        </div> -->
      </section>
      <ul class="list">
        <li>
          <div class="item">
            <div class="tp-line">
              <div class="item-left">
                本店体验券核销总收入：
              </div>
              <div class="item-right" style="color: #FF6161">
                ￥{{tongji.experience_total || 0.00}}
              </div>
            </div>
          </div>
        </li>
        <li>
          <div class="item">
            <div class="tp-line">
              <div class="item-left">
                本店体验卡核销总收入：
              </div>
              <div class="item-right" style="color: #FF6161">
                ￥{{tongji.recharge_total || 0.00}}
              </div>
            </div>
          </div>
        </li>        
        <li>
          <div class="item">
            <div class="tp-line">
              <div class="item-left">
                本店售出商品总收入：
              </div>
              <div class="item-right" style="color: #FF6161">
                ￥{{tongji.sale_total || 0.00}}
              </div>
            </div>
          </div>
        </li>
        <li>
          <div class="item">
            <div class="tp-line">
              <div class="item-left">
                本店回收商品总收入：
              </div>
              <div class="item-right" style="color: #FF6161">
                ￥{{tongji.recovery_total || 0.00}}
              </div>
            </div>
          </div>
        </li>
		<li>
          <div class="item">
            <div class="tp-line">
              <div class="item-left">
                本店摇摇车消费总收入：
              </div>
              <div class="item-right" style="color: #FF6161">
                ￥{{tongji.yoyo_total || 0.00}}
              </div>
            </div>
          </div>
        </li>
      </ul>  
      <!-- <div class="no-data" v-else>暂无数据</div> -->
    </div>
    <script type="text/javascript" src="./public/js/lib/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="./public/js/lib/vue.min.js"></script>
    <script type="text/javascript" src="./public/js/src/md5.js"></script>
    <script type="text/javascript"  src="./public/js/lib/Mdate/iScroll.js"></script>
    <script type="text/javascript" src="./public/js/lib/Mdate/Mdate.js"></script>
    <script>
        var links = ['./public/js/src/global.js', './public/js/src/tongji.js']
        links.forEach(function(item) {
            document.write('<script type="text/javascript" src="' + item +'?ver=' + Math.random() +'"><\/script>')
        })
    </script>
  </body>
</html>